<template>
  <el-card class="box-card" shadow="hover">
    <ul class="wel">
      <li>welcome~~~</li>
      <li>用户名称：{{userInfo.username}}</li>
      <li>联系方式：{{userInfo.mobile}}</li>
      <li>电子邮件：{{userInfo.email}}</li>
    </ul>
  </el-card>
</template>

<script>
export default {
  data() {
    return {
      userInfo: {}
    }
  },
  created() {
    const user = JSON.parse(sessionStorage.getItem('person'))
    this.userInfo = user
  }
}
</script>

<style lang="less" scope>
.wel {
  li {
    list-style: none;
    padding: 10px 0;
    font-weight: bold;
  }
}
</style>